
.display-flex {
  display: flex;
}
.flex-1{
  flex: 1;
}
.ui-search-box {
  //position: relative;
  padding: 10px 10px;
  background: #fff;
  //height: 57px;
  //padding-right: 200px;
  border-bottom: 1px solid #eee;
}

.ui-search-box{
  .el-input__inner:focus {
    border-color: #DCDCDC;
  }
  .el-input__inner {
    background: #fff;
    color: #2d2d2d;
  }
  ::-webkit-input-placeholder {
    color: #666666;
  }
  .el-form-item{
    margin-bottom: 6px;
    margin-top: 6px;
  }

  /* 使用webkit内核的浏览器 */
  .value-search-box :-moz-placeholder {
    color: #666666;
  }

  /* Firefox版本4-18 */
  .value-search-box ::-moz-placeholder {
    color: #666666;
  }

  /* Firefox版本19+ */
  .value-search-box :-ms-input-placeholder {
    color: #666666;
  }
.search-form{
  //position: absolute;
  //top: 10px;
  //right: 0;
  //left: 0;
  //z-index: 9;
  height:auto;
  background: #fff;
  //padding-bottom: 10px;
  //padding-right: 190px;
  //border-bottom: 1px solid #eee;
}
.search-btn-top{
  //position: absolute;
  //top: 10px;
  //right: 10px;
  background: #fff;
  //z-index: 11;
}
  .search-form .el-input__inner, .search-form .el-input-group, .search-form .el-select, .search-form .el-input {
    max-width: 330px;
  }
  .search-btn-style{
    border:none;
    color: #2d2d2d;
  }
  .search-btn-style:hover,.search-btn-style:focus{
    background: none;
    color: #2d2d2d;
  }

  .search-box .el-input__inner{
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .search-btn-top .el-button--primary{
    background: #278DFF;
  }
  .el-button{
    padding-top: 0;
    padding-bottom: 0;
    height: 36px;
    line-height: 36px;
    text-align: center;
  }
}


